<!DOCTYPE HTML>
<html reftest-zoom="1.2">
<head>
<style>
div { margin:1em; }
/* A 7x7px image, black with a 5x5 transparent box centered in it */
div.box { background-image:url(); }
/* A 7x5px image, black with a 5x5 transparent box centered in it */
div.vstrip { background-image:url(); }
/* A 5x7px image, black with a 5x5 transparent box centered in it */
div.hstrip { background-image:url(); }
</style>
</head>
<body>
<div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div>
<div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div>
<div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div>
</body>
</html>
